<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>丰都鬼城</title>
		<link rel="stylesheet" href="css/public.css">
		<link rel="stylesheet" href="css/message.css">
	</head>
	<body>
		<!-- 顶部栏 -->
		<div class="nav-bar">
			<div class="content">
				<img class="nav-logo" src="img/logo.jpg"/>
				<ul class="nav-list">
					<li class="nav-item"><a href="index.html">首页</a></li>
					<li class="nav-item"><a href="info.html">旅游景区</a></li>
					<li class="nav-item"><a href="scenery.html">风景相册</a></li>
					<li class="nav-item"><a href="recommend.html">打卡推荐</a></li>
					<li class="nav-item"><a href="culture.html">文化内涵</a></li>
					<li class="nav-item _active"><a href="message.html">在线留言</a></li>
				</ul>
			</div>
		</div>
		
		<!-- 标题 -->
		<div class="page-title">在线留言</div>
		
		<div class="message-box">
			<input placeholder="主题"/>
			<textarea placeholder="请输入留言内容"></textarea>
			<button onclick="alert('留言成功')">提交</button>
		</div>
		
		<!-- 底部栏 -->
		<div class="footer-bar">Copyright ©2024 丰都鬼城 版权所有</div>
	</body>
</html>
